<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="excite-bike/ui.all.css" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="jquery-ui-1.7.1.custom.css" type="text/css" media="screen" />

<script type="text/javascript" src="amlich.js"></script>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="ui.core.js"></script>
<script type="text/javascript" src="ui.datepicker.js"></script>
<script type="text/javascript" src="ui.datepicker-lang.js"></script>
<link type="text/css" href="demos.css" rel="stylesheet" />
<script type="text/javascript">
	$(function() {
		$("#datepicker1").datepicker({showOn: 'button', buttonImage: 'calendar.gif', buttonImageOnly: true,numberOfMonths: 2,showButtonPanel: true, calendarType: 'lunar'});
		$("#datepicker2").datepicker({showOn: 'button', buttonImage: 'calendar.gif', buttonImageOnly: true,numberOfMonths: 2,showButtonPanel: true, calendarType: 'lunar'});
    	$.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional['']));
		$("#datepicker1").datepicker($.datepicker.regional['en']);
        $("#datepicker2").datepicker($.datepicker.regional['en']);
		$("#locale").change(function() {
			$('#datepicker1').datepicker('option', $.extend({showMonthAfterYear: false},
				$.datepicker.regional[$(this).val()]));
            $('#datepicker2').datepicker('option', $.extend({showMonthAfterYear: false},
				$.datepicker.regional[$(this).val()]));
		});
		$("#calendarType").change(function() {
			$('#datepicker1').datepicker('option', $.extend({calendarType: $(this).val()}));
            $('#datepicker2').datepicker('option', $.extend({calendarType: $(this).val()}));
		});
	});

</script>
</head>
<body>

<div class="demo">

<select id="calendarType">
<option value="lunar"> lunar</option>
<option value="solar"> solar</option>
</select>

<select id="locale">
    <option value="zh-CN">Chinese Simplified (&#31616;&#20307;&#20013;&#25991;)</option>
    <option value="ja">Japanese (&#26085;&#26412;&#35486;)</option>
    <option value="en" selected="selected">English (England)</option>
    <option value="kr">Korean (&#54620;&#44397;&#50612;)</option>
    <option value="vi">Vietnamese (Vi&#7879;t Nam)</option>
</select>

<p>Date: <input type="text" id="datepicker1"/>&nbsp;
<br/>
<p>Date: <input type="text" id="datepicker2"/>&nbsp;
<br/>


</div><!-- End demo -->

<div class="demo-description">

<p>Click the icon next to the input field to show the datepicker.  Set the datepicker to open on focus (default behavior), on icon click, or both.</p>

</div><!-- End demo-description -->

</body>
</html>
